<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{css/qingzhu0.css}">
    <link rel="stylesheet" th:href="@{iconfont/iconfont.css}">
    <link rel="stylesheet" th:href="@{css/forgetPassword.css}">
    <link rel="stylesheet" th:href="@{css/qingzhu6.css}">
    <link rel="stylesheet" th:href="@{css/common.css}">
</head>
<body>
<div class="outer header">
    <div class="inter header_c inner_c">
        <a th:href="@{"class="logo"><img th:src="@{/image/logo.png" alt=""></a>
        <dl class = "allType">
            <dt><a th:href="@{#">查看所有类型</a></dt>
            <dd>
                <div class = "dd_inn">
                    <ul class = "dd_cont">
                        <li><a th:href="@{#">不锈钢</a></li>
                        <li><a th:href="@{#">原料水泥</a></li>
                        <li><a th:href="@{#">塑料</a></li>
                        <li><a th:href="@{#">木质</a></li>
                        <li><a th:href="@{#">陶瓷</a></li>
                    </ul>
                    <ul class="pro">
                        <li>
                            <a th:href="@{#">
                                <div class="pic">
                                    <img th:src="@{/image/img25.png" alt="">
                                </div>
                                <div class="content">
                                    <h3>简约木质餐盘</h3>
                                    <span>￥200</span>
                                </div>
                            </a>
                            <div class="mask">
                                <a th:href="@{#" class = "btn">查看详情</a>
                            </div>
                        </li>
                        <li>
                            <a th:href="@{#">
                                <div class="pic">
                                    <img th:src="@{/image/img26.png" alt="">
                                </div>
                                <div class="content">
                                    <h3>简约铁质水壶</h3>
                                    <span>￥200</span>
                                </div>
                            </a>
                            <div class="mask">
                                <a th:href="@{#" class = "btn">查看详情</a>
                            </div>
                        </li>
                        <li>
                            <a th:href="@{#">
                                <div class="pic">
                                    <img th:src="@{/image/img27.png" alt="">
                                </div>
                                <div class="content">
                                    <h3>简约计算机</h3>
                                    <span>￥200</span>
                                </div>
                            </a>
                            <div class="mask">
                                <a th:href="@{#" class = "btn">查看详情</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </dd>
        </dl>
        <ul>
            <li><a th:href="@{toPage?url=index">首页</a></li>
            <li><a th:href="@{toPage?url=allProducts">所有产品</a></li>
        </ul>
        <a th:href="@{" class="sousuo"><i class="icon iconfont icon-sousuo"></i></a>
        <div class="inter_right">
            <a th:href="@{toPage?url=userLogin">登录</a>
            <span>|</span>
            <a th:href="@{toPage?url=register">注册</a>
            <a th:href="@{toPage?url=shopCart"><i class="icon iconfont icon-gouwuche" id="shop"></i>0</a>
        </div>
        <div class="shop">
            <p>3件商品 总计:¥1111</p>
            <div class="shop1"><a th:href="@{toPage?url=shopCart">去结算</a></div>
        </div>
    </div>
</div>
    <div class="outer8">
        <h1>忘记密码</h1>
        <div class="inter">
            <form action="">
                <p>请输入邮箱或手机号来找回密码</p>
                <div class="div">
                    <input type="text" name="username">
                    <span id="s1">手机/邮箱</span>
                </div>
                <input type="submit" value="找回密码" id="submit">
            </form>
        </div>
    </div>
    <div class="outer5">
        <div class="inter1">
            <div class="left">
                <a th:href="@{"><img th:src="@{/image/logo.png" alt=""></a>
                <p>青竹良品原创生活类电商品牌，秉承一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品，全线采用天然原材料，控制甲醛低量无害，采用进口工艺，国际生产线不断优化，食材保证核心原产地新鲜直供，让你享受品质生活</p>
            </div>
            <div class="center">
                <dl>
                    <dt><a th:href="@{">关于我们</a></dt>
                    <dd><a th:href="@{">我的品牌</a></dd>
                    <dd><a th:href="@{">公司动态</a></dd>
                    <dd><a th:href="@{">经历发展</a></dd>
                    <dd><a th:href="@{">商品推广</a></dd>
                </dl>
                <dl>
                    <dt><a th:href="@{">支付方式</a></dt>
                    <dd><a th:href="@{">微信支付</a></dd>
                    <dd><a th:href="@{">支付宝</a></dd>
                    <dd><a th:href="@{">百度钱包</a></dd>
                    <dd><a th:href="@{">货到付款</a></dd>
                </dl>
                <dl>
                    <dt><a th:href="@{">相关服务</a></dt>
                    <dd><a th:href="@{">退货政策</a></dd>
                    <dd><a th:href="@{">购物流程</a></dd>
                    <dd><a th:href="@{">客服服务</a></dd>
                    <dd><a th:href="@{">商务合作</a></dd>
                </dl>
            </div>
            <div class="right">
                <img th:src="@{/image/weixin.png" alt="">
                <img th:src="@{/image/weibo.png" alt="">
                <span>微信公众号</span>
                <span>微博公众号</span>
            </div>
        </div>
        <hr>
        <div class="inter2">

        </div>
    </div>

    <script th:src="@{/js/jqurey.js}"></script>
    <script th:src="@{/js/忘记密码.js}"></script>
    <script th:src="@{/js/shop.js}"></script>
</body>
</html>